<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>走你</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
			mui.init();

			function helloWorld() {
				mui.alert("hello", "对话框", "确定", null, "div");
			}	
			
			var gallery = mui('.mui-slider');
			gallery.slider({
				interval: 1000 //自动轮播周期，若为0则不自动播放，默认为0；
			});
			
			function msgBox()
			{
				window.dj.msgBox();
			}

			function jsMsgBox()
			{
				alert("安卓调js对话框");
			}

			$("#showtoast").click(function () {
            var json = {"data": "I am a toast"};
                 window.location.href="protocol://android?code=toast&data="+JSON.stringify(json);
            });

    </script>

    <style type="text/css">
			.slider-item-dimen{
				height:300px;
				background-color: #007AFF;
			}

    </style>
</head>

<body>
<div class="mui-slider">
    <div class="mui-slider-group .mui-slider-loop">
        <div class="mui-slider-item slider-item-dimen">
            <a href="#"><img src="http://pic1.win4000.com/wallpaper/1/548028b579a5f.jpg"/></a>
        </div>
        <div class="mui-slider-item slider-item-dimen">
            <a href="#"><img src="http://k.zol-img.com.cn/nbbbs/8540/a8539316_s.jpg"/></a>
        </div>
        <div class="mui-slider-item slider-item-dimen">
            <a href="#"><img
                    src="http://attimg.dospy.com/img/day_110109/20110109_2b0c428f05f873da2c3bb7ZzsjfMSk1K.jpg"/></a>
        </div>
        <div class="mui-slider-item slider-item-dimen">
            <a href="#"><img src="http://k.zol-img.com.cn/nbbbs/8502/a8501019_s.jpg"/></a>
        </div>
    </div>
</div>
<button type="button" class="mui-btn mui-btn-blue" style="margin-left: 30px" onclick="window.location.href='protocol://android?code=toast&data={da:123}';">
    安卓对话框
</button>
</body>

</html>